<template>
  <el-container>
    <el-header class="jeesdp-border">Header</el-header>
    <el-container>
      <el-aside class="jeesdp-border" style="padding: 5px" width="300px">
        <el-tree :data="data()" @nodeClick="click"/>
      </el-aside>
      <el-main style="border-bottom: 1px solid #363637; border-right: 1px solid #363637;">
        <column></column>
      </el-main>
    </el-container>
  </el-container>
</template>

<script lang="js" setup>
import {getCurrentInstance} from "vue";
import Column from "/@//views/system/Column.vue";

const {proxy} = getCurrentInstance();

const props = defineProps({
  id: String,
})


const data = () => {
  return [{
    value: 'demo',
    label: 'Demo',
  }]
};

console.log(props.id)


const click = (node) => {

};
</script>

<style scoped>

</style>
